import styles from "./readonlyContainer.module.css";

function ReadonlyContainer({ path, html }: { path: string; html?: string }) {
  return (
    <div className={styles["html-container"]}>
      <div className={styles["html-reader-head"]}>{path}</div>
      <div
        className={styles["html-reader"]}
        dangerouslySetInnerHTML={{ __html: html ?? "" }}
      ></div>
    </div>
  );
}

export default ReadonlyContainer;
